.container{
background-color: #f2f2f2;

}
.header{
  
height: 4.40rem;
background-color: #fff;
position: relative;
text-align: center;
}
.header .bg{
  height: 2.18rem;
 background: url("../images/me/bg01.jpg") no-repeat;
 background-size: 100% auto;
 padding-top: .26rem;
} 

.header .bg h1{
    
    position: relative;
    font-weight: normal;
    font-size: .36rem;
    color: #ffffff;
    float: left;
    left: 50%;
    margin-left: -2em;
    line-height: 1em;
    
}
.header .bg img{

    float: right;
    width: .36rem;
    height: .36rem;
    margin-right: .24rem;
}
.header .avatar{
position: absolute;
width: 1.61rem;
height: 1.61rem;
background-color: black;
border-radius: 50%;
left: 50%;
margin-left: -0.8rem;
background: url(../images/me/avatar.png) no-repeat;
background-size: 100% auto;
top:1.39rem;
}
.header h3{
    margin-top: .9rem;
font-size: .36rem;
color: #333333;

}
.header p{

    font-size: .24rem;
    color: #999999;
}

/* 菜单 */

.menu{
display: flex;
height: 1,22rem;
background-color: #fff;
padding-bottom: .32rem;
}
.menu li{
flex: 1;

}
.menu a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.menu a img{
width: .49rem;
height: .44rem;

}
.menu a span{
margin-top: .12rem;
font-size: .24rem;
color: #999999;
}

/* 功能列表 */

.actionList{
    background-color:#ffffff;
    margin-top: .22rem;
}
.actionList li {
height: 1rem;
position: relative;
}
/* 要转块才能容器布局 */
/* .actionList li a{
    display: block;
position: relative;

} */
.actionList li >*{

    position: absolute;

    
}

.actionList li .icon{

    width: .32rem;
    height: 0.32rem;
   margin-left: .24rem;
    top:50%;
    margin-top: -0.151rem;
}
.actionList li p{

    font-size: .32rem;
    line-height: 1rem;
    margin-left: .8rem;
 
}
.actionList li .arrow{
    width: .17rem;
    height: 0.25rem;
    right: 0;
    top: 50%;
    margin-top: -.124rem;
    margin-right: .24rem;
}
  /* 脚部 */
  .footer-nav{
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    /* 固定的盒子应该有宽度 */
    width: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    height: .98rem;
   
    /* 居中 */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 1;

}
.footer-nav li {

    flex: 1;
    
    padding-top: .13rem;
    padding-bottom: .13rem;
}
.footer-nav li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-nav li img{

    width: .39rem;
    height: .39rem;
}
.footer-nav li span{
font-size: .2rem;
color: #9b9b9b;

}

/* 脚部导航 */
.footer .footer-nav li:nth-child(4) a span{
    color: #0a44ff;    

}

